div{
    width: 50%;
    height: 200px;
    margin: 0 auto 20px auto;
    border: 2px solid black;
    box-sizing: border-box;
    background-color: orange;
}
/*property, duration, mode, delay*/
.d1{
    transition: 
	width 2s linear 5s, 
	background-color 2s linear 5s;
}

/*Comme on n'indique qu'une valeur 
à transition-duration et à transition-delay,
 *la valeur indiquée pour chaque propriété 
 servira pour les deux transitions 
 définies ci-dessus*/
 
.d1:hover{
    background-color: blue;
    width: 100%;
    transition-duration: 10s;
    transition-delay: 0s;
}